<!DOCTYPE html>
<html>
<head>
  <title>Dashboard</title>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
  <script type="text/javascript" src="http://code.highcharts.com/highcharts.js"></script>
  <script type="text/javascript" src="javascripts/chart.js"></script>

  <link rel="stylesheet" media="screen" href="stylesheets/main.css">
  <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
</head>
<body>
    <div id="dashboard" data-context="@context" data-context-id="@contextId" data-metric-resolution='@resolution'>
    <h2 id="title">Dashboard</h2>

    <div class="row">
        <div class="span4">
            <h3>Concurrent Users</h3>
            <div id="concurrent_users" class="chart-small"></div>
        </div>
    </div>
    <div class="row">
        <div class="span4">
            <h3><a href="/@context/@contextId/like">Likes</a></h3>
            <div id="like" class="chart-small"></div>
        </div>
    </div>

</div>

<script type="text/javascript" src="javascripts/overview.js"></script>
<script type="text/javascript">
    overview.start("ws://localhost:9000/metrics");
</script>
</body>
</html>